<template>
	<view class="">
		<view class="business-button">
			<view class="button_info" @click="apply()">
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/01/04/cdb2cf4a5789420d8d2e607d5f04658d.png" mode="widthFix"></image>
				<view class="name_info">
					申请查看批发价
					<!-- <view class="">申请查看</view>
					<view class="">批发价</view> -->
				</view>
			</view>
			<view class="button_info" @click="apply()">
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/01/04/cdb2cf4a5789420d8d2e607d5f04658d.png" mode="widthFix"></image>
				<view class="name_info">
					申请成为供应商
					<!-- <view class="">申请成为</view>
					<view class="">供应商</view> -->
				</view>
			</view>
			<view class="button_info" @click="apply()">
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/01/04/cdb2cf4a5789420d8d2e607d5f04658d.png" mode="widthFix"></image>
				<view class="name_info">
					申请注册小程序
					<!-- <view class="">申请注册独立</view>
					<view class="">小程序</view> -->
				</view>
			</view>
		</view>
		<view class="buycom">
			<view class="buy-item" @click="buyRing()">
				<view class="Mname">买黄金</view>
				<view class="">￥455.88</view>
				<view class="mairu">买入</view>
			</view>
			<view class="buy-item fen yell" @click="onGold()">
				<view class="cet">
					<view class="">邀新立减</view>
					<view class="mr mt">Go</view>
				</view>
			</view>
			<view class="buy-item fen" @click="goBuy()">
				<view class="Mname">卖黄金</view>
				<view class="">￥455.88</view>
				<view class="mr">卖入</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			// 卖黄金页面
			goBuy(){
				uni.navigateTo({
					url:"/pages/buy_gold/buy_gold"
				})
			},
			// 买黄金页面
			buyRing(){
				uni.navigateTo({
					url:"/pages/buy_ring/buy_ring"
				})
			},
			onGold(){
				uni.navigateTo({
					url:"/pages/buy_other/buy_other"
				})
			},
			// 跳转到申请页面
			apply() {
				uni.navigateTo({
					url: "/pages/apply/apply"
				})
			},
		}
	}
</script>

<style>
	.business-button {
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.button_info {
	  position: relative;
	}
	.button_info image{
		width:120px;
	}
	.button_info .name_info {
	  position: absolute;
	  top: 50%;
	  left: 67%;
	  transform: translate(-50%, -67%);
	  font-size: 10px;
	  width: 120px;
	}
	.buycom{
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin-bottom: 20px;
	}
	.buy-item{
		width: 100px;
		height: 105px;
		border-radius: 10px;
		text-align: center;
		background-color: #eaf7ff;
		color: #4a94c3;
		line-height: 32px;
	}
	.fen{
		background-color: #fff5f3;
		color: #d9271d;
	}
	.yell {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #fdf9ed;
		color: #d9a23b;
		font-size: 16px;
	}
	.Mname{
		color: black;
	}
	.mairu{
		width: 60px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		margin: 10px auto;
		border-radius: 10px;
		background-color: #4a94c3;
		color: white;
		font-size: 13px;
	}
	.mr{
		width: 60px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		margin: 10px auto;
		border-radius: 10px;
		background-color: #d9271d;
		color: white;
		font-size: 13px;
	}
	.mt {
		background-color: #dba23b;
	}
</style>